<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>购物车</title>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <script src="js/jquery-3.5.1.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/main.js"></script>
    <style>
        .center{
            margin: auto;
            width: 600px;
            height: 200px;
        }
        #delAndMsg{
            margin: auto;
            height: 34px;
            width: 600px;
        }

    </style>

</head>
<body>l
<nav class="navbar navbar-default">
    <div class="container-fluid">

        <div class="navbar-header">
            <a class="navbar-brand" href="#">Shop</a>
        </div>

        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li class=""><a href="shop_index.html">首页 <span class="sr-only">(current)</span></a></li>
                <!--下拉列表 -->
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">分类 <span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="#">测试1</a></li>
                        <li><a href="#">测试2</a></li>
                        <li><a href="#">测试3</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="#">测试4</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="#">测试5</a></li>
                    </ul>
                </li>
            </ul>
            <!-- 搜索框 -->
            <form class="navbar-form navbar-left">
                <div class="form-group">
                    <input type="search" class="form-control" placeholder="Search">
                </div>
                <button type="submit" class="btn btn-default">Submit</button>
            </form>

            <ul class="nav navbar-nav navbar-right">
                <li><a href="javascript:void(0)">你好</a></li>
                <li><a href="javascript:void(0)" id="userName"></a></li>
                <li><a href="#"><img src="img/user_img/default.jpg" id="userHead"></a></li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">选项 <span class="caret"></span></a>
                    <!--下拉列表 -->
                    <ul class="dropdown-menu">
                        <li><a href="#">修改密码</a></li>
                        <li class="active"><a href="shoppingCart.html">购物车</a></li>
                        <li><a href="#">Something else here</a></li>
                        <!--分隔符-->
                        <li role="separator" class="divider"></li>
                        <li><a href="javascript:out()">退出登录</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</nav>

<div id="delAndMsg">
    <input type="button" class="btn btn-primary" value="删除选中" onclick="del()">
    <input type="button" class="btn btn-primary" value="购买选中" onclick="paySelected()">

</div>

<div class="center pre-scrollable">

        <table class="table table-hover" id="table">
            <tbody>
            <tr>
                <th><input type="checkbox" onclick="selectAll()" id="all"></th>
                <th>编号</th>
                <th>商品名称</th>
                <th>数量</th>
                <th>金额</th>
            </tr>
            </tbody>
            <tbody id="articleTr">
            </tbody>
        </table>

</div>

</body>
</html>